<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
	<title>校园配送系统</title>
	<!-- 标签图标设置 -->
	<link rel="icon" href="images/favicon.ico" type="image/ico">

	<meta name="keywords" content="crm,qf">
	<link href="css/bootstrap.min.css" rel="stylesheet">
	<link href="css/materialdesignicons.min.css" rel="stylesheet">
	<link href="css/style.min.css" rel="stylesheet">

<style>

.lyear-wrapper {
    position: relative;
}
.lyear-login {
    display: flex !important;
    min-height: 100vh;
    align-items: center !important;
    justify-content: center !important;
}
.login-center {
    /* background: #fff; */
	background: rgba(255,255,255,0.5);
    min-width: 38.25rem;
    padding: 2.14286em 3.57143em;
    border-radius: 5px;
    margin: 2.85714em 0;
}
.login-header {
    margin-bottom: 1.5rem !important;
}
.login-center .has-feedback.feedback-left .form-control {
    padding-left: 38px;
    padding-right: 12px;
}
.login-center .has-feedback.feedback-left .form-control-feedback {
    left: 0;
    right: auto;
    width: 38px;
    height: 38px;
    line-height: 38px;
    z-index: 4;
    color: #dcdcdc;
}
.login-center .has-feedback.feedback-left.row .form-control-feedback {
    left: 15px;
}
</style>
</head>

<body style="background: url(images/bg.jpg);">
<div class="row lyear-wrapper">
  <div class="lyear-login">
    <div class="login-center">
      <div class="login-header text-center">
        <a href="index.html"> <h1>校园配送系统</h1> </a>
      </div>
      <form action="#" method="get">
        <div class="form-group has-feedback feedback-left">
          <input type="text" placeholder="请输入用户名" class="form-control" name="username" id="username" />
          <span class="mdi mdi-account form-control-feedback" aria-hidden="true"></span>
        </div>
        <div class="form-group has-feedback feedback-left">
          <input type="password" placeholder="请输入密码" class="form-control" id="password" name="password" />
          <span class="mdi mdi-lock form-control-feedback" aria-hidden="true"></span>
        </div>
		<div class="form-group has-feedback feedback-left">
			<label class="lyear-checkbox checkbox-info m-t-10">
				<input type="checkbox"><span>记住我</span>
			</label>
		</div>
        <div class="form-group">
          <button class="btn btn-block btn-primary"  id="submit" type="button">立即登录</button>
        </div>
          <div class="form-group">
              <button class="btn btn-block btn-primary" type="button" onclick="location.href='reg.html'">立即注册</button>
          </div>
      </form>
      <hr>

    </div>
  </div>
</div>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript">;</script>
<script>
    $(function() {
        $("#submit").click( function() {
            $.ajax({
                type :"get",
                url : "LoginServlet",
                data : {
                    username : $("#username").val(),
                    password: $("#password").val()
                },
                dataType : "text",
                success : function(data) {
                    data.trim()
                    if (data.indexOf("error")!=-1) {
                        alert("登录失败！");
                    }
                    else {
                        window.location.replace("home.html");
                    }
                }
            });
        });
    });
</script>
</body>
</html>